<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="pageTitle">#{workSpace.pageTitle}</ui:define>
	<ui:define name="content">
		<h:panelGroup>
			<h:panelGrid columns="2" cellpadding="0" cellspacing="0">

				<p:layout id="mainLayout" fullPage="false"
					style="width:1000px;height:800px;">
					<p:layoutUnit id="mainLayoutNorth" position="north" size="500"
						resizable="true" maxSize="600" minSize="500">
						<p:outputLabel id="idWSUser"
							value="#{workSpace.persona.usuarioRed}"></p:outputLabel>
						<h:form>
							<p:tabView id="businessContainer" var="modulo"
								value="#{workSpace.modulos}" dynamic="true" cache="false">
								<p:tab id="tabModulo" title="#{modulo.nombre}">
									<p:panel id="pnlModulo" rendered="#{modulo.modulo != 1100000}">
										<h:panelGroup id="pnlGrdModulo">
											<p:dataList value="#{modulo.procesos}"
												styleClass="bordernone" var="procesoModulo" itemType="disc">
												<h:outputText style="margin-right:20px;"
													value="#{procesoModulo.proceso.nombre}" />
												<p:dataList value="#{procesoModulo.proceso.actividades}" 
													styleClass="bordernone" var="procesoActividad"
													itemType="disc">
													<p:commandLink actionListener="#{workSpace.irActividad}"
														style="margin-right:20px;" ajax="false">
														<f:attribute name="idActividad"
															value="#{procesoActividad.actividad.actividad}" />
														<h:outputText value="#{procesoActividad.actividad.nombre}" />
													</p:commandLink>
												</p:dataList>
											</p:dataList>
										</h:panelGroup>
									</p:panel>
									<p:panel id="pnlArbolC" rendered="#{modulo.modulo == 1100000}">
										<h:panelGroup id="pnlGrdArbolC">
											<ui:include src="/plantilla/arbolColaboradores.xhtml"></ui:include>
										</h:panelGroup>
									</p:panel>
								</p:tab>
							</p:tabView>
						</h:form>
					</p:layoutUnit>
					<p:layoutUnit id="mainLayoutCenter" size="200" position="center">
						<p:layout id="innerLayout" fullPage="false">
							<p:layoutUnit id="innerLayoutCenter" position="center" size="100">
								<h:form>
										<ui:include src="/plantilla/pendientes.xhtml" />
									</h:form>
							</p:layoutUnit>
						</p:layout>
					</p:layoutUnit>
				</p:layout>


			</h:panelGrid>
		</h:panelGroup>

		<h:form>
			<p:commandButton value="Cerrar Sesion"
				action="#{workSpace.cerrarSesion}" />
		</h:form>
	</ui:define>
</ui:composition>
